<template>
  <div>

    <div class="outer">
      <router-link tag="div" class="login" to="/MyLogin">登录</router-link>
      <p>登录后内容更精彩</p>
    </div>


  </div>
</template>

<script>
export default {
  name: "NotLogged",
  created(){
    this.$store.commit("changeActive", {Active: 4})
    localStorage.setItem("Active",JSON.stringify(4))
  },
}
</script>

<style scoped lang="less">
.outer{
  height: 700px;
  border: 1px solid #fff;
  .login{
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 100px auto 30px;
    background-color: red;
    border-radius: 50%;
    color: white;
    font-size: 20px;
  }
  p{
    text-align: center;
  }
}

</style>